<div class="news-body">
  <div class="news-banner">
    <img src="./assets/img/banner1.png">
  </div>
  <div class="news-nav">
     <ul>
       <li *ngFor="let item of newsNav let i = index" (click)="newsNavs(i)" [class]="i == select ? 'BN-news' : ''">{{item.name}}</li>
     </ul>
  </div>

  <div>
    <div class="news-content">
     <div class="news-cont-left">
        <div class="news-list" *ngFor="let list of newsList" [routerLink]="['detail',list.id]">
          <img src="{{imgUrl + list.cover}}">
          <div class="news-text">
            <p style="font-weight: 600">{{list.title}}</p>
            <p style="color: rgb(123,123,123);">{{list.content}}</p>
            <span>{{list.releaseTime*1000 | date:'yyyy-MM-dd'}}</span>
          </div>
        </div>
       <div *ngIf="no_more" style="text-align: center">
         暂无更多新闻...
       </div>
       <!--分页组件-->
       <div class="news-list-page">
         <pagination [boundaryLinks]="true" [totalItems]="totalItems" [(ngModel)]="currentPage" itemsPerPage="10" [maxSize]="maxSize" previousText="上一页" nextText="下一页" firstText="首页" lastText="末页" (pageChanged)="pageChanged($event)"></pagination>
       </div>
      </div>

      <!--排行榜-->
      <div class="news-cont-right">
        <div class="news-right-top">
          <h2>排行榜</h2>
          <p>近一周</p>
        </div>
        <div class="news-right-bottom">
          <ul>
            <li [routerLink]="['detail',infor.id]" *ngFor="let infor of newsInformation let inf = index">
              <span *ngIf="inf >= 0" [ngStyle]="{'background-color':inf < 3 ? '#e00224' : '#666666'}">{{inf + 1}}</span>
              {{infor.title}}
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
